import React, { FC } from "react";
import { IconFont } from "../../../utils/iconfont/icon";
import styles from "./Header.module.css";
import { Input } from "antd";
import { SearchOutlined } from "@ant-design/icons";
const Body: FC = () => {
  return (
    <div className={styles.bg}>
      <div>
        <IconFont className={styles.wangyiyun} type="icon-wangyiyunyinle-" />
      </div>
      <IconFont className={styles.sousuo} type="icon-sousuo" />
      <div className={styles.search}>
        <input
          style={{ background: "rgb(225, 62, 62)" }}
          className={styles.searchInput}
          placeholder="搜索"
          type="text"
        />
      </div>

      <div className={styles.login}>
        <div className={styles.login_left}>
          <IconFont
            className={styles.weidenglutouxiang}
            type="icon-weidenglutouxiang"
          />
          <span className={styles.font}>未登录</span>
        </div>
        <div className={styles.rightIcons}>
          <IconFont
            className={styles.right}
            type="icon-pifugexinghuazhuti-xianxing"
          />{" "}
          <IconFont className={styles.right} type="icon-shezhi" />{" "}
          <IconFont className={styles.right} type="icon-duanxin" />
        </div>
      </div>
    </div>
  );
};

export default Body;
